@import "@wordpress/base-styles/breakpoints";
@import "@wordpress/base-styles/mixins";
@import "@wordpress/base-styles/variables";

.hosting-overview .hosting-dashboard-layout__body-wrapper {
	display: flex;
	flex-direction: column;
	gap: 64px;
	padding-block: 16px 32px;
}

.hosting-overview__banner {
	margin: 0 auto;
	text-align: center;
}

.hosting-overview__banner-logo {
	margin-block-end: 32px;

	img {
		height: 30px;
		width: auto;
	}
}

.hosting-overview__banner-title {
	@include heading-2x-large;
	margin-block-end: 8px;
}

.hosting-overview__banner-subtitle {
	@include body-large;
}

.hosting-overview__footer {
	text-align: center;
}

.hosting-overview__learn-more-link {
	border-radius: 4px;
	@include heading-medium;
	min-height: 40px;
}

.hosting-dashboard-layout__header-breadcrumb {
	@include breakpoint-deprecated( "<660px" ) {
		display: none;
	}
}
